<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Register a new account</title>
<style type="text/css">
.code {
	background-image: url(code.jpg);
	font-family: Arial;
	font-style: italic;
	color: Red;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
}
.unchanged {
	border: 0;
}
</style>
<link type="text/css"
	href="css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script language="javascript" type="text/javascript"
	src="js/js4register.js"></script>
</head>
<body onLoad="onload_register();">
	<h2 align="center">Register for Sans Frontiere</h2>
	<div align="center">
		<table>
			<tr>
				<td>Email</td>
				<td><label> <input type="text" name="regEmail"
						id="regEmail" onFocus="onFocus_regEmail();"
						onBlur="onBlur_regEmail();" autocomplete= "off">
				</label></td>
				<td style="width: 45%" id="chkRegEmail" name="chkRegEmail"></td>
			</tr>
			<tr>
				<td>PassWord</td>
				<td><label> <input type="password" name="regPSW1"
						id="regPSW1" onBlur="onBlur_regPSW1();" autocomplete= "off">
				</label></td>
				<td id="chkRegPSW1" name="chkRegPSW1"></td>
			</tr>
			<tr>
				<td>Confirm Password</td>
				<td><label> <input type="password" name="regPSW2"
						id="regPSW2" onBlur="onBlur_regPSW2();" autocomplete= "off">
				</label></td>
				<td></td>
			</tr>
			<tr>
				<td>User Name</td>
				<td><label> <input type="text" name="regName"
						id="regName" onFocus="onFocus_regName();"
						onBlur="onBlur_regName();" autocomplete= "off">
				</label></td>
				<td id="chkRegName" name="chkRegName"></td>
			</tr>
			<tr>
				<td>Sex</td>
				<td><p>
						<label> <input name="regSex" type="radio" id="regSex_0"
							value="Male" checked="true"> Male
						</label> <label> <input type="radio" name="regSex" value="Female"
							id="regSex_1"> Female
						</label> <br>
					</p></td>
				<td></td>
			</tr>
			<tr>
				<td>Birthday</td>
				<td><label><input type="text" id="regBDate" name="regBDate" readonly
						value="01/01/1980">(mm/jj/yyyy)
				</label></td>
				<td id="chkRegBDate" name="chkRegBDate"></td>
			</tr>
			<tr>
				<td>I am a(n)</td>
				<td><label> <select name="regCareer" id="regCareer" onBlur="onBlur_regCareer();">
							<option value="Nothing">--</option>
							<option value="Doctor">Doctor</option>
							<option value="Student">Student</option>
							<option value="Engineer">Engineer</option>
							<option value="Other">Other...</option>
					</select>
				</label></td>
				<td id="chkRegCareer" name="chkRegCareer"></td>
			</tr>
			<tr>
				<td>Account type</td>
				<td><label> <input type="checkbox"
						name="regInternalAccount" id="regInternalAccount">
				</label>Ask for a internal account?</td>
				<td></td>
			</tr>
			<tr>
				<td colspan="3" align="left">Please input the letters you see
			    <input type="text" name="jcaptcha" id="jcaptcha" value="" autocomplete= "off"/> <!-- onBlur="onBlur_regCapcha();" --></td>
			</tr>
			<tr>
				<td height="100">&nbsp;</td>
			  	<td height="100" id="tdJcapcha" name="tdJcapcha"></td>
				<td height="100" id="chkRegCapcha" name="chkRegCapcha"></td>
			</tr>
			<tr>
				<td colspan="2" align="center"><input type="button"
					value="Regist Now" id="btn" onClick="onclick_submit();"></td>
				<td></td>
			</tr>
		</table>
	</div>
</body>
</html>